<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<title>平安车行汽车服务</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<header  class="all-ratings-header">
		<a href="javascript:history.go(-1)" class="return"></a>
		<h2 class="title">全部点评</h2>
	</header>

<!-- ratings start -->
	<div class="ratings all-ratings">
		<div class="ratings-top">
			<a href="javascript:;" class="clearfix">
				<div class="star-warpper fl">
					<ul class="star-list">
						<li class="star-item on"></li>
						<li class="star-item on"></li>
						<li class="star-item on"></li>
						<!-- on 全星 -->
						<li class="star-item half"></li>
						<!-- half 半星 -->
						<li class="star-item off"></li>
						<!-- off 无星 -->
					</ul>
					<span class="score">4.5分</span>
				</div>
				<div class="ratings-num">
					<span class="num">29条评价</span>
				</div>
			</a>
		</div>
		<ul class="rating-list">
			<li class="rating-item">
				<div class="user clearfix">
					<div class="avatar"><img src="img/Avatar-sample-12@2x.png" alt=""></div>
					<span class="name">尚俊杰</span>
					<span class="time">2017.07.08</span>
				</div>
				<ul class="small-star-list">
					<li class="star-item on"></li>
					<li class="star-item on"></li>
					<li class="star-item on"></li>
					<!-- on 全星 -->
					<li class="star-item half"></li>
					<!-- half 半星 -->
					<li class="star-item off"></li>
					<!-- off 无星 -->
				</ul>
				<p class="rating-text">车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。</p>
				<div class="all">全文</div>
				<ul class="img-list clearfix">
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
				</ul>
			</li>
			<li class="rating-item">
				<div class="user clearfix">
					<div class="avatar"><img src="img/Avatar-sample-12@2x.png" alt=""></div>
					<span class="name">尚俊杰</span>
					<span class="time">2017.07.08</span>
				</div>
				<ul class="small-star-list">
					<li class="star-item on"></li>
					<li class="star-item on"></li>
					<li class="star-item on"></li>
					<!-- on 全星 -->
					<li class="star-item half"></li>
					<!-- half 半星 -->
					<li class="star-item off"></li>
					<!-- off 无星 -->
				</ul>
				<p class="rating-text">车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。车子从内到外清洗得非常干净，服务态度很好，很满意。</p>
				<div class="all">全文</div>
				<ul class="img-list clearfix">
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
				</ul>
			</li>
			<li class="rating-item">
				<div class="user clearfix">
					<div class="avatar"><img src="img/Avatar-sample-12@2x.png" alt=""></div>
					<span class="name">尚俊杰</span>
					<span class="time">2017.07.08</span>
				</div>
				<ul class="small-star-list">
					<li class="star-item on"></li>
					<li class="star-item on"></li>
					<li class="star-item on"></li>
					<!-- on 全星 -->
					<li class="star-item half"></li>
					<!-- half 半星 -->
					<li class="star-item off"></li>
					<!-- off 无星 -->
				</ul>
				<p class="rating-text">车子从内到外清洗得非常干净，服务态度很好，很满意。</p>
				<ul class="img-list clearfix">
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
					<li class="img-item"><img src="img/ratingimg.png" alt=""></li>
				</ul>
			</li>
		</ul>
	</div>
<!-- ratings end -->

<!-- 以下为页面js部分 -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript">
		;(function() {
			$('.all-ratings .all').click(function() {
				$(this).addClass('on');
				$(this).parent().find('p').addClass('on');	
			});
		})();
	  // 全文
	</script>
	<script>
		;(function() {
			function change() {
				var font = document.documentElement.clientWidth / 375 * 50;
				document.documentElement.style.fontSize = font + 'px';
			};
			window.addEventListener('resize', change, false);
			change();
		})();
		// rem 单位换算 *不可删除
    </script>
</body>
</html>